<!DOCTYPE html>
<!--[if IE 8]>
<html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
    <meta charset="utf-8"/>
    <title>${systemName}</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>

    <!-- ================== BEGIN BASE CSS STYLE ================== -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet"/>
    <link href="<@sp.static/>/assets/plugins/jquery-ui/themes/base/minified/jquery-ui.min.css" rel="stylesheet"/>
    <link href="<@sp.static/>/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="<@sp.static/>/assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="<@sp.static/>/assets/css/animate.min.css" rel="stylesheet"/>
    <link href="<@sp.static/>/assets/css/style.min.css" rel="stylesheet"/>
    <link href="<@sp.static/>/assets/css/style-responsive.min.css" rel="stylesheet"/>
    <link href="<@sp.static/>/assets/css/theme/default.css" rel="stylesheet" id="theme"/>
    <!-- ================== END BASE CSS STYLE ================== -->
    <link href="<@sp.static/>/assets/plugins/datetimepicker/css/jquery.datetimepicker.css" rel="stylesheet"/>
    <!-- ================== BEGIN PAGE LEVEL CSS STYLE ================== -->
    <link href="<@sp.static/>/assets/plugins/jquery-jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet"/>
    <link href="<@sp.static/>/assets/plugins/bootstrap-calendar/css/bootstrap_calendar.css" rel="stylesheet"/>
    <link href="<@sp.static/>/assets/plugins/gritter/css/jquery.gritter.css" rel="stylesheet"/>
    <link href="<@sp.static/>/assets/plugins/morris/morris.css" rel="stylesheet"/>
    <!-- ================== END PAGE LEVEL CSS STYLE ================== -->
    <!-- ================== BEGIN BASE JS ================== -->
    <script src="<@sp.static/>/assets/plugins/pace/pace.min.js"></script>
    <!-- ================== END BASE JS ================== -->

    <link href="<@sp.static/>/assets/plugins/datatables/css/data-table.css" rel="stylesheet"/>
</head>
<body>
<!-- begin #page-loader -->
<div id="page-loader" class="fade in"><span class="spinner"></span></div>
<!-- end #page-loader -->

<!-- begin #page-container -->
<div id="page-container" class="fade page-sidebar-fixed page-header-fixed">
    <!-- begin #header -->
    <#include "common/include/header.html" />
    <!-- end #header -->
    <!-- 菜单 -->
    <#include "common/include/left_menu.html" />
    <!-- end #sidebar -->
    <!-- begin #content -->
    <div id="content" class="content" style="">


        <!-- begin panel -->
        <div class="panel panel-default panel-with-tabs" data-sortable-id="ui-unlimited-tabs-2">
            <div class="panel-heading p-0">
                <div class="panel-heading-btn m-r-10 m-t-10">
                    <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-inverse" data-click="panel-expand"><i
                            class="fa fa-expand"></i></a>
                </div>
                <!-- begin nav-tabs -->
                <div class="tab-overflow">
                    <ul class="nav nav-tabs" id="nav-tabs">
                        <li class="prev-button"><a href="javascript:;" data-click="prev-tab" class="text-inverse"><i
                                class="fa fa-arrow-left"></i></a></li>
                        <li class="next-button"><a href="javascript:;" data-click="next-tab" class="text-inverse"><i
                                class="fa fa-arrow-right"></i></a></li>
                        <li class="active default" id="tab-首页"><a
                                onclick="showCountSts()"
                                href="#nav-tab-index" data-toggle="tab"><i
                                class='fa fa-home m-r-5'></i>首页</a></li>
                    </ul>
                </div>
            </div>

            <div class="tab-content" id='nav-tab-content'>
                <!--<div class='tab-pane fade active in clear' id='nav-tab-首页'>首页说了，这里什么都没有~</div>-->
                <div class='tab-pane fade active in clear' id='nav-tab-首页'></div>
            </div>
        </div>


        <!-- begin theme-panel -->
        <div class="theme-panel" style="display:none;">
            <a href="javascript:;" data-click="theme-panel-expand" class="theme-collapse-btn"><i class="fa fa-cog"></i></a>
            <div class="theme-panel-content">
                <h5 class="m-t-0">风格</h5>
                <ul class="theme-list clearfix">
                    <li class="active"><a href="javascript:;" class="bg-green" data-theme="default"
                                          data-click="theme-selector" data-toggle="tooltip" data-trigger="hover"
                                          data-container="body" data-title="Default">&nbsp;</a></li>
                    <li><a href="javascript:;" class="bg-red" data-theme="red" data-click="theme-selector"
                           data-toggle="tooltip" data-trigger="hover" data-container="body" data-title="Red">&nbsp;</a>
                    </li>
                    <li><a href="javascript:;" class="bg-blue" data-theme="blue" data-click="theme-selector"
                           data-toggle="tooltip" data-trigger="hover" data-container="body" data-title="Blue">&nbsp;</a>
                    </li>
                    <li><a href="javascript:;" class="bg-purple" data-theme="purple" data-click="theme-selector"
                           data-toggle="tooltip" data-trigger="hover" data-container="body"
                           data-title="Purple">&nbsp;</a></li>
                    <li><a href="javascript:;" class="bg-orange" data-theme="orange" data-click="theme-selector"
                           data-toggle="tooltip" data-trigger="hover" data-container="body"
                           data-title="Orange">&nbsp;</a></li>
                    <li><a href="javascript:;" class="bg-black" data-theme="black" data-click="theme-selector"
                           data-toggle="tooltip" data-trigger="hover" data-container="body"
                           data-title="Black">&nbsp;</a></li>
                </ul>
                <div class="divider"></div>
                <div class="row m-t-10">
                    <div class="col-md-5 control-label">顶部样式</div>
                    <div class="col-md-7">
                        <select name="header-styling" class="form-control input-sm">
                            <option value="2">default</option>
                            <option value="1">inverse</option>
                        </select>
                    </div>
                </div>
                <div class="row m-t-10">
                    <div class="col-md-5 control-label">顶部固定</div>
                    <div class="col-md-7">
                        <select name="header-fixed" class="form-control input-sm">
                            <option value="1">fixed</option>
                            <option value="2">default</option>
                        </select>
                    </div>
                </div>
                <div class="row m-t-10">
                    <div class="col-md-5 control-label">边栏样式</div>
                    <div class="col-md-7">
                        <select name="sidebar-styling" class="form-control input-sm">
                            <option value="1">default</option>
                            <option value="2">grid</option>
                        </select>
                    </div>
                </div>
                <div class="row m-t-10">
                    <div class="col-md-5 control-label">边栏固定</div>
                    <div class="col-md-7">
                        <select name="sidebar-fixed" class="form-control input-sm">
                            <option value="1">fixed</option>
                            <option value="2">default</option>
                        </select>
                    </div>
                </div>
                <div class="row m-t-10">
                    <div class="col-md-5 control-label">内容样式</div>
                    <div class="col-md-7">
                        <select name="content-styling" class="form-control input-sm">
                            <option value="1">default</option>
                            <option value="2">black</option>
                        </select>
                    </div>
                </div>
                <div class="row m-t-10">
                    <div class="col-md-12">
                        <a href="#" class="btn btn-inverse btn-block btn-sm" data-click="reset-local-storage"><i
                                class="fa fa-refresh m-r-3"></i> Reset defaut</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- end theme-panel -->

    </div>
    <!-- end #content -->

    <!-- begin scroll to top btn -->
    <a href="javascript:;" class="btn btn-icon btn-circle btn-success btn-scroll-to-top fade"
       style="margin-bottom: 30px" data-click="scroll-top"><i class="fa fa-angle-up"></i></a>
    <!-- end scroll to top btn -->
</div>
<!-- end page container -->
<!-- ================== BEGIN BASE JS ================== -->
<@sp.resource/>
<script src="<@sp.static/>/assets/plugins/jquery/jquery-migrate-1.1.0.min.js"></script>
<script src="<@sp.static/>/assets/plugins/jquery-ui/ui/minified/jquery-ui.min.js"></script>
<script src="<@sp.static/>/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="<@sp.static/>/assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="<@sp.static/>/assets/plugins/jquery-cookie/jquery.cookie.js"></script>
<script src="<@sp.static/>/assets/plugins/datetimepicker/js/jquery.datetimepicker.full.min.js"></script>
<script src="<@sp.static/>/assets/plugins/morris/raphael.min.js"></script>
<script src="<@sp.static/>/assets/plugins/morris/morris.js"></script>
<script src="<@sp.static/>/assets/plugins/jquery-jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="<@sp.static/>/assets/plugins/jquery-jvectormap/jquery-jvectormap-world-merc-en.js"></script>
<script src="<@sp.static/>/assets/plugins/bootstrap-calendar/js/bootstrap_calendar.min.js"></script>
<script src="<@sp.static/>/assets/plugins/gritter/js/jquery.gritter.js"></script>

<script src="<@sp.static/>/assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script src="<@sp.static/>/assets/js/apps.js"></script>
<script src="<@sp.static/>/js/custom/ajaxfileupload.js" type="text/javascript" charset="UTF-8"></script>
<script src="<@sp.static/>/js/custom/custom.js" type="text/javascript" charset="UTF-8"></script>
<script src="<@sp.static/>/js/custom/picUpload.js" type="text/javascript" charset="UTF-8"></script>
<script src="<@sp.static/>/js/custom/mahuaAjax.js" type="text/javascript" charset="UTF-8"></script>
<script src="<@sp.static/>/js/custom/message.js"></script>

<!-- ================== END PAGE LEVEL JS ================== -->
<script>
    function showCountSts() {
        getData('${rc.contextPath}/index/queryIndex?userId=${shiroUserHelper.getCurrentShiroUser().getId()}', '首页')
    }
    $(document).ready(function () {
        getData('${rc.contextPath}/index/queryIndex?userId=${shiroUserHelper.getCurrentShiroUser().getId()}', '首页')
        App.init();

        var messages = [
            "命由己造，相由心生，世间万物皆是化相，心不动，万物皆不动，心不变，万物皆不变.",
            "笑着面对，不去埋怨。悠然，随心，随性，随缘。注定让一生改变的，只在百年后，那一朵花开的时间.",
            "以物物物，则物可物；以物物非物，则物非物。物不得名之功，名不得物之实，名物不实，是以物无物也.",
            "色不异空，空不异色，色即是空，空即是色；受想行识、亦复如是.",
            "菩提并无树，明镜亦无台，世本无一物，何处染尘埃！",
            "一念愚即般若绝，一念智即般若生",
            "种如是因，收如是果，一切唯心造",
            "人无善恶，善恶存乎尔心",
            "前世五百年的回眸才换得今世的擦肩而过",
            "人生在世如身处荆棘之中，心不动，人不妄动，不动则不伤，如心动则人妄动，伤其身痛其骨，于是体会到世间诸般痛苦",
            "每一滴水都是海。人因有自我，便产生了痛苦！由自我的观点产生了过去、未来，产生了好、坏、顺、逆，人一直活在企盼与欲望中。当小我消失变成无我时，那滴海水即溶入了海洋而得到了自在."
        ];
        Math.round
        setTimeout(function () {
            $.gritter.add({
                title: '欢迎回来, ${shiroUserHelper.getCurrentShiroUser().acctName}!',
                text: messages[Math.floor(Math.random() * 10)],
                image: '<@sp.static/>/assets/img/user-12.jpg',
                sticky: true,
                time: '',
                class_name: 'my-sticky-class'
            });
        }, 1000)
    });
    $.datetimepicker.setLocale('ch');

    /**
     * 时间格式
     * @param fmt
     * @returns {*}
     * @constructor
     */
    Date.prototype.Format = function (fmt) { //author: meizz
        var o = {
            "M+": this.getMonth() + 1, //月份
            "d+": this.getDate(), //日
            "h+": this.getHours(), //小时
            "m+": this.getMinutes(), //分
            "s+": this.getSeconds(), //秒
            "q+": Math.floor((this.getMonth() + 3) / 3), //季度
            "S": this.getMilliseconds() //毫秒
        };
        if (/(y+)/.test(fmt)) {
            fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
        }
        for (var k in o)
            if (new RegExp("(" + k + ")").test(fmt))
                fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
        return fmt;
    }

</script>
</body>

</html>